<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=pie-rich-text
-->
<!DOCTYPE html>
<html style="height: 100%">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>测评关键词-师德师风测评系统</title>
		<link rel="Bookmark" href="__PUBLIC__/common/img/favicon.ico" >
		<link rel="Shortcut Icon" href="__PUBLIC__/common/img/favicon.ico" />
    </head>
    <body style="height: 100%; margin: 0;background:#33485C;">
        <div id="container" style="height: 100%"></div>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>

        <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
var option;
option = {
    title: {
        text: '语言识别关键词统计',
        textStyle: {
			fontWeight: 'normal',              //标题颜色
			fontSize: 28,
			color: '#408829'
		},
        subtext: '语音识别数据',
    	subtextStyle: {
			fontWeight: 'normal',              //标题颜色
			fontSize: 25,
			color: 'yellow'
		},
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '关键词<br/>{b} : {c} ({d}%)',
        textStyle: {
            "fontSize": 18
        }
    },
    legend: {
        bottom: 10,
        left: 'center',
        data: [{$key_arr_string}],
        textStyle: {
        	color: '#fff',
            fontSize: 18
        }
    },
    series: [
        {
            type: 'pie',
            radius: '65%',
            center: ['50%', '50%'],
            selectedMode: 'single',
            data: [
                {$key_data_string}
            ],
            "label": {
            	 normal: {
                     "show": true,
                     "textStyle": {
                         "fontSize": 18 }
                 },
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        }
    ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

        </script>
    </body>
</html>
    